@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";}
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;transition: all 0.6s;}
a{text-decoration:none;
	-webkit-transition: all .5s;   
	-moz-transition: all .5s;   
	-ms-transition: all .5s;   
	-o-transition: all .5s;   
	transition: all .5s;  
}
i,em{font-style: normal;/*font-family: 'FontAwesome';*/}
.clear{clear:both;}
.pc{display: block;}
.wap{display: none;}
input,button{outline: none;}
/*******************************************/
#pages{padding: 20px 0; height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #B4151A; color: #fff;}
/*******************************************/
.top{
	width: 1200px; margin: auto; max-width: 94%; height: 100px; display: flex; justify-content: space-between; position: relative; align-items: center;
}
.topa{
	display: flex; align-items: center;	
}
.topb{
	display: flex; justify-content: space-between; height: 100%;
}
.nav ul{
	display: flex; height: 100%; justify-content: center; align-items: center;
}
.nav li{
	position: relative; padding: 0 20px; height: 98px; border-bottom: 2px solid #fff;  display: flex; justify-content: center; align-items: center; margin: 0 5px;
	cursor: pointer;
}
.nav li span{
	display: flex; display: flex; justify-content: center; align-items: center;
}
.nav li span a{
	color: #020202; font-size: 18px; display: flex;
}
.nav li p{
	position: absolute; top: 102px; flex-direction: column; justify-content: center; align-items: center; display: none; background: rgba(0,0,0,0.5);
	padding: 10px; border-radius: 5px; z-index: 999; font-size: 16px;
}
.nav li p::before{
	content: '\25B2'; font-size: 14px; position: absolute; top: -15px;  color: rgba(0,0,0,0.5);
}
.nav li p a{
	padding: 10px 0; color: #fff; border-bottom: 1px solid #fff; display: flex; width: 90px; justify-content: center; font-size: 15px;
}
.nav li p a:hover{
	color: #B11719;
}
.nav li:hover p{
	display: flex;
}
.nav li:hover span a{
	color: #B11719;
}
.nav .navcur{
	border-bottom: 2px solid #B11719;
}
.ss{
	width: 140px; height: 100%; display: flex; justify-content: flex-end; align-items: center; position: relative;
}
.ss img{
	cursor: pointer;
}
.ssc{
	position: absolute; top: 80px; z-index: 9999; display: none;
}
.ssc form{
	display: flex;
}
.sstext{
	width: 180px; height: 30px; border: 1px solid #ccc; padding: 0 10px;
}
.ssbut{
	width: 50px; height: 32px; border: none; cursor: pointer; color: #fff; background-color: #B11719;
}
.m1{
	width: 1200px; max-width: 94%; margin: auto; padding: 75px 0;
}
.tit{
	display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 60px;
}
.tit h1{
	font-size: 44px; color: #000;
}
.tit p{
	font-size: 23px; color: #ccc; margin-top: 5px;
}
.tit span{
	display: flex; width: 65px; height: 10px; border-bottom: 4px solid #B5141A;
}
.m1con{
	display: flex; flex-wrap: nowrap; justify-content: space-between;
}
.m1con div{
	width: 254px; display: flex; flex-direction: column; align-items: center; cursor: pointer;
}
.m1con div label{
	display: flex; justify-content: center; align-items: center; width: 100%; height: 140px; overflow: hidden; border-radius: 15px; cursor: pointer;
}
.m1con div label img{
	min-height: 100%; max-width: none; min-width: 100%;
}
.m1con div h1{
	font-size: 24px; color: #000; padding: 15px 0;
}
.m1con div p{
	color: #999; font-size: 15px; text-align: center; line-height: 25px;
}
.m1con span{
	padding-top: 60px;
}
.m1con div:hover h1{
	color: #B5141A;
}
.m2{
	height: 649px; padding: 75px 0; background-image: url(../images/xmbg.jpg); background-position: center; background-repeat: no-repeat;
}
.m2con{
	width: 1200px; max-width: 94%; margin: auto;
}
.m2a ul{
	display: flex; justify-content: space-between; flex-wrap: nowrap;
}
.m2a li{
	width: 252px; height: 509px; position: relative; cursor: pointer;
}
.m2a li label{
	display: flex; justify-content: center; align-items: center; overflow: hidden;
}
.m2a li label img{
	width: 100%; height: 100%;
}
.m2a li h1{
	position: absolute; width: 100%; display: flex; background-color: #B4151A; height: 85px; justify-content: center; align-items: center; color: #fff; font-size: 29px;
	left: 0; bottom: 0;
}
.m2a li div{
	position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
	overflow: hidden; opacity: 0;
}
.m2a li div h2{
	font-size: 29px; color: #fff;
}
.m2a li div span{
	display: flex; width: 40px; height: 5px; background-color: #fff; border-radius: 3px; margin: 20px 0;
}
.m2a li p{
	color: #fff; font-size: 14px; line-height: 30px; margin-bottom: 40px;
}
.m2a li:hover h1{
	opacity: 0;
	transition: all 0.5s;
}
.m2a li:hover div{
	opacity: 1;
	transition: all 0.5s;
}
.m3{
	background-color: #F2F2F2; padding: 75px 0;
}
.m3con{
	width: 1200px; max-width: 94%; margin: auto;
}
.m3a{
	display: flex; justify-content: space-between;
}
.m3b{
	width: 540px; height: 370px;
}
.m3b video{
	background-color: #000; width: 100%; height: 100%;
}
.m3c{
	width: 620px;
}
.m3c1{
	font-size: 32px; color: #000;
}
.m3c2{
	font-size: 15px; line-height: 36px; color: #828282; text-align: justify; margin: 20px 0; text-indent: 2em;
}
.m3c3{
	color: #fff; background-color: #B4151B; padding: 8px 20px;
}
.m4{
	width: 1200px; max-width: 94%; margin: auto; padding: 75px 0;
}
.m4a ul{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.m4a li{
	width: 50%;
}
.m4a li a{
	display: flex; justify-content: space-between; height: 172px;  border-right: 1px solid #E9E9E9;  border-bottom: 1px solid #E9E9E9;
	padding: 30px 0;
}
.m4a li a:hover h1{
	color: #B4151B;
}
.m4a li:nth-child(3) a, .m4a li:nth-child(4) a{
	border-bottom: none;
}
.m4a li:nth-child(even) a{
	border-right: none;
}
.m4a li label{
	display: flex; width: 207px; height: 100%; justify-content: center; align-items: center; overflow: hidden;
}
.m4a li label img{
	min-height: 100%;
}
.m4a li div{
	width: 330px;
}
.m4a li:nth-child(odd) div{
	padding-right: 30px;
}
.m4a li:nth-child(even) a{
	padding-left: 30px;
}
.m4a li div h1{
	font-size: 18px; color: #000; height: 25px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; white-space: nowrap;
}
.m4a li div p{
	font-size: 14px; color: #828282; line-height: 30px; margin: 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.m4a li div span{
	font-size: 14px; color: #828282; display: flex; align-items: center;
}
.m4a li div span img{
	margin-right: 5px;
}
.foot{
	background-color: #B4151A; padding: 30px 0; color: #fff; text-align: center; line-height: 30px; font-size: 16px;
}
.foot a{
	color: #F2F2F2;
}
.ad{
	display: flex; justify-content: center; align-items: center;
}
.nt{
	padding-top: 50px;
}
.lanmu{
	display: flex; justify-content: center;
}
.lanmu a{
	display: flex; margin: 0 20px; color: #222; font-size: 22px; height: 40px; padding: 0 30px; border-radius: 20px; align-items: center;
}
.lanmu a:hover{
	color: #B4151A;
}
.lanmu .lanmucur{
	background-color: #B4151A; color: #fff;
}
.lanmu .lanmucur:hover{
	color: #fff;
}
.con{
	width: 1200px; margin: auto; max-width: 94%; padding: 80px 0;
}
.dpage{
	line-height: 40px; color: #000; font-size: 18px; text-align: justify;
}
.dpage img{
	display: flex; margin: 20px auto;
}
.pics ul{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.pics li{
	margin-bottom: 20px; width: 25%; display: flex; cursor: pointer; justify-content: center;
}
.pics ul:after {
    content: ""; flex: auto;
}
.pics li a{
	display: flex; flex-direction: column; justify-content: center; align-items: center;border: 2px solid #fff; padding: 15px; border-radius: 10px; overflow: hidden;
}
.pics li label{
	display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 5px; width: 240px; height: 144px; cursor: pointer;
}
.pics li label img{
	min-height: 100%; min-width: 100%;
}
.pics li h1{
	height: 50px; display: flex; font-size: 18px; color: #000; align-items: center; justify-content: center;
}
.pics li:hover a{
	border: 2px solid #B4151A;
}
.pics li:hover h1{
	color: #B4151A;
}




.nlist ul{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.nlist li{
	width: 100%;
}
.nlist li a{
	display: flex; justify-content: space-between; height: 172px; border-bottom: 1px solid #E9E9E9;
	padding: 30px 0;
}
.nlist li label{
	display: flex; width: 207px; height: 100%; justify-content: center; align-items: center; overflow: hidden;
}
.nlist li label img{
	min-height: 100%;
}
.nlist li div{
	width: 960px;
}
.nlist li div h1{
	font-size: 18px; color: #000;
}
.nlist li div p{
	font-size: 16px; color: #828282; line-height: 30px; margin: 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.nlist li div span{
	font-size: 14px; color: #828282; display: flex; align-items: center;
}
.nlist li div span img{
	margin-right: 5px;
}
.nlist li a:hover h1{
	color: #B4151A;
}
.nlist li a:hover{
	background-color: #eee;
}
.ntitle{
	font-size: 30px; text-align: center; border-bottom: 1px solid #EEEEEE; padding-bottom: 40px;
}
.ninfo{
	display: flex; justify-content: center; color: #999; font-size: 16px; padding: 20px 0;
}
.ninfo span{
	margin: 0 20px;
}
.ncontent{
	line-height: 40px; color: #333; font-size: 18px; text-align: justify; padding: 30px 0;
}
.ncontent img{
	display: flex; margin: 20px auto;
}
.pian{
	border-top: 1px solid #EEEEEE; padding: 20px 0;
}
.pian p{
	color: #333; line-height: 35px; font-size: 16px;
}
.pian p a{
	color: #999;
}
.pian p a:hover{
	color: #B4151A;
}
.ly{
	padding: 40px 0;
}
.lya{
	display: flex; justify-content: space-between;
}
.lya div{
	width: 48%;
}
.lya div h1{
	font-size: 22px; color: #000; margin: 20px 0;
}
.textcss{
	border: 1px solid #DDDDDD; height: 50px; border-radius: 5px; padding: 0 10px; color: #666; width: 500px; outline: none; font-size: 16px;
}
.lyb{
	margin-top: 20px;
}
.lyb h1{
	font-size: 22px; color: #000; margin: 20px 0;
}
.yucss{
	border: 1px solid #DDDDDD; height: 140px; border-radius: 5px; padding: 10px; color: #666; width: 100%; outline: none;  font-size: 16px;
}
.lyc{
	margin-top: 60px; display: flex; justify-content: center;
}
.butcss{
	width: 150px; height: 50px; background-color: #B4151A; border: none; color: #fff; font-size: 20px; outline: none; border-radius: 10px; cursor: pointer;
}



.sanxian{
	display: none;
}
.sanxian i{
	font-size: 30px; color: #B5141A; cursor: pointer;
}
.wapnav{
	width:100%; background-color:#F8F8F8; height:auto; position: absolute; z-index: 999; top: 60px; display: none;
	box-shadow: 0 5px 5px #666;
}
.wapnav li{
	padding:0px; font-size:16px; color:#777777; border-top:1px dashed #bbb;
}
.wapnav li a{
	color:#777777;
}
.wapnav dl{
	padding-left:30px; border-bottom:1px solid #E7E7E7; display:none;
}
.wapnav dl dd{
	line-height:35px; font-size:14px;
}
.wapnav span{
	 display:block; line-height:50px; padding-left:10px;
}
.wapnav span a{
	display: block;
}
.wapnav p{
	padding: 0 10px; display: flex; flex-wrap: wrap; padding-left: 20px; padding-bottom: 10px;
}
.wapnav p a{
	font-size: 14px; display: flex; width: 25%; margin-bottom: 5px; justify-content: center;
}
.wapnav .navmoon{
	 background-color:#E6E6E6;
}